
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><spring:message code="dashboard.title" /></title>

<tags:script source="../js/jquery/jquery-1.6.2.js" />
<tags:script source="../js/jquery/ui/jquery-ui-1.8.16.min.js" />
<tags:script source="../js/jquery/jquery.form.js" />
<tags:script source="../js/jquery/jquery.validate.js" />
<tags:script source="../js/jquery/jquery.qtip.js" />
<tags:script source="../js/jquery/jquery.tablesorter.js" />
<tags:script source="../js/jquery/jquery.dateFormat-1.0.js" />
<tags:script source="../js/jquery/jquery.multicolselect.js" />
<tags:script source="../js/main.js" />

<tags:style source="../css/jquery/ui/jquery-ui-1.8.16.css" />
<tags:style source="../css/jquery/jquery.qtip.css" />
<tags:style source="../css/main.css" />

<script>
	
	$(document).ready(function() {
		$('.links li a').click(function() {
			loadDiv('content', $(this).attr('url'));
			$('.links li a').removeClass('active');
			$(this).addClass('active');
		});

		$('.link-heading').click(function() {
			$(this).next().slideToggle('normal');
			$(this).find('span.ui-icon').toggleClass('ui-icon-triangle-1-s');
		});

		$('#changePasswordLink').click(function() {
			loadDiv('content', $(this).attr('url'));
		});
	});

	$('#pageRefresh').click(function() {

		location.reload();

	});
</script>

</head>
<body>
	<div id="main">
		<div id="header">
			<div class="logo">
			<a href="../secure/showDashboard.do" id="logoLink"
					url='showDashboard.do'>
				<img width="90" height="75" alt="CIPE logo"
					src="../images/cipelogo.gif"></img> <span class="name"><img
					src="../images/name.gif"></img></a></span>
			</div>
			<div class="name">
			<img 
					src="../images/cipe-banner.png"><br><span class="name">
				<spring:message code="baner.title" /> </span>
			</div>
		</div>
		
		<!-- <div class="cipe-sub-nav">

                <ul>

                                <li><a href="">CMRS Home</a></li>

                    <li><a href="">Change password</a></li>

                    <li><a href="">Logout</a></li>

                    <li class="cipe-username">Welcome, John!</li>

                    <li class="cipe-dropdown">

                                <label>View Home Page by:</label>

                            <select>

                                <option>Assigned to me</option>

                                <option>Assigned to user 1</option>

                                <option>Assigned to user 2</option>

                                <option>Assigned to user 3</option>

                                <option>Assigned to user 4</option>

                            </select>

                    </li>

                    <li class="cipe-right-icons"><a href="">Refresh</a></li>

                    <li><a href="">Print</a></li>

                    <li><a href="">Back</a></li>

                    <li><a href="">Forward</a></li>

                </ul>

            </div> -->
		
		
		<div class="cipe-sub-nav">
			<ul>
				<li><a href="../secure/showDashboard.do" id="crmsHomeLink"
					class="active"><spring:message code="dashboard.tabs.crms.home" /></a></li>
				<li><a href="javascript:void(0);" id="changePasswordLink"
					url='showChangePassword.do'><spring:message
							code="dashboard.tabs.changePassword" /></a></li>
				<li><a href="../logout.do"><spring:message
							code="dashboard.tabs.logout" /></a></li>
				<li class="cipe-username">Welcome, ${user.firstName}&nbsp;${user.lastName}</li>

                    <li class="cipe-dropdown">

                                <label>View Home Page By:</label>

                            <select>

                                <option>All Regions</option>

                                <option>Africa</option>

                                <option>Asia</option>

                                <option>Central and Eastern Europe</option>

                                <option>Middle East</option>
								
								<option>South Asia</option>

                                <option>Eurasia</option>

                                <option>Latin America</option>

                                <option>Assigned to me</option>
								
								

                            </select>

                    </li>							
				<li class="cipe-right-icons"><a href="javascript:location.reload(true)">Refresh</a></li>

                    <li><a href="javascript:window.print()">Print</a></li>

                    <li><a href="javascript: history.go(-1)">Back</a></li>

                    <li><a href="javascript: history.go(1)">Forward</a></li>
			</ul>
		</div>
		<!-- <table width="120px" style="float: right; padding-right:90px">				
				<tr><td width="40px"><img alt="Refresh"
					src="../images/print.png"></img></td>
					
				<td width="40px"><img alt="Refresh"
					src="../images/refresh.png"></img></td>
				<td width="40px"><img alt="Refresh"
					src="../images/back.png"></img></td>
					
				<td width="40px"><img alt="Refresh"
					src="../images/forward.png"></img></td>
					
				</tr>
		</table> -->
		<div id="main-inner">
			<div id="left">
				<%-- <div id="username">${user.firstName}&nbsp;${user.lastName}</div> --%>
				<c:forEach items="${linkCategories}" var="linkCategory"
					varStatus="status">
					<div class="links-main">
						<c:set var="class" value="" />
						<c:set var="display" value="none" />
						<c:if test="${status.first }">
							<c:set var="class" value="ui-icon-triangle-1-s" />
							<c:set var="display" value="none" />
						</c:if>
						<div class="link-heading">
							<span class="ui-icon ui-icon-triangle-1-e" style="float: left;"></span>
							<span style="position: relative; top: 2px;">${linkCategory.name}</span>
						</div>
						<div class="links" style="display: ${display};">
							<ul>
								<c:forEach items="${linkCategory.links}" var="link">
									<li><a href="javascript://" url="${link.url}">${link.name}</a></li>
								</c:forEach>
							</ul>
						</div>
					</div>
				</c:forEach>
			</div>
			<div id="content">
				<div id="content-inner">
<!-- 
					<div class="content-heading">Welcome Admin. CIPE1</div>
					<div id="CMRS-text">CIPE Management and Reporting System,
						text goes here</div>
					<div id="announcement">This is the welcome message for the
						user, can be used for Announcements</div> -->
					<!--<div id="donorListDiv" class="hastable">-->
					<div id="donorListDiv" class="panels_wider">	
<!--                	<p></p>
-->                     <!--<div class="content-heading" align="center">Actionable Alerts</div>-->
						<div class="panels_heading_bg">
                        <h4>Actionable Alerts</h4>
                        </div>
                       <table class="tablesorter" border="0" cellpadding="0" cellspacing="0">
									<tbody>
                                    <tr>
										<td class="grid-header">Module</td>
										<td class="grid-header">Type</td>
										<td class="grid-header">Date</td>
										<td class="grid-header">Message</td>
									</tr>
									</tbody>
									</table>
						<!--<p></p>-->
						<div style="overflow: auto;  height: 100px; 
            border-left: 1px gray solid; border-bottom: 1px gray solid; 
            padding:0px; margin: 0px">
								 <table class="tablesorter" border="0" cellpadding="0" cellspacing="0">
									<tbody>
                                    
									<tr>
										<td>Partner Monitoring</td>
										<td>AASS Overdue</td>
										<td>11/22/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">An Auditor Analysis Selection
													Sheet (AASS) for Partner Grant #0000055-000 has not yet
													been recieved from the Partner 'China Center for Economic
													Research' but was due on 11/22/2011.</a> </td>
									</tr>
									<tr class="alernate-row">
										<td>Projects</td>
										<td>No Project Activity</td>
										<td>11/21/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">It appears that no activity for 'Partner Grant' #0000055-000-0A has occurred in the 60+ days that this Partner Grant began on 9/23/2011. No payment request activity has occurred during that time period. .</a> </td>
									</tr>
									<tr>
										<td>Payment Processing</td>
										<td>Overdue Request</td>
										<td>11/17/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">Payment Request #37562, created on 10/17/2011 and of type 'Travel Advance' for payee Zvonko Brnjas in the amount of $127.50, has been open and unpaid for over 30 days.</a> </td>
									</tr>
									<tr>
										<td>Partner Monitoring</td>
										<td>AASS Overdue</td>
										<td>11/22/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">An Auditor Analysis Selection
													Sheet (AASS) for Partner Grant #0000055-000 has not yet
													been recieved from the Partner 'China Center for Economic
													Research' but was due on 11/22/2011.</a> </td>
									</tr>
									<tr class="alernate-row">
										<td>Projects</td>
										<td>No Project Activity</td>
										<td>11/21/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">It appears that no activity for 'Partner Grant' #0000055-000-0A has occurred in the 60+ days that this Partner Grant began on 9/23/2011. No payment request activity has occurred during that time period. .</a> </td>
									</tr>
									<tr>
										<td>Payment Processing</td>
										<td>Overdue Request</td>
										<td>11/17/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">Payment Request #37562, created on 10/17/2011 and of type 'Travel Advance' for payee Zvonko Brnjas in the amount of $127.50, has been open and unpaid for over 30 days.</a> </td>
									</tr>
								</tbody></table>
								</div>
						 <div class="cipe-pagination-links">						
							<!--<a href="javascript://" url="showPageHeading.do"
								class="cipe-previous">Previous Page</a> <a href="javascript://"
								url="showPageHeading.do" class="cipe-next">Next Page</a> -->
								<a align="right"><font size="1" color="red">Total number of Actionable Alerts=8</font></a>
						</div>						 
					</div><!-- closed scroll div -->
                    <div class="clr"></div>
					<div id="container2">

						<!--<p>	</p>-->
                            <div id="selectt" align="center">
							  <!--<p>&nbsp;</p>-->
							 
							  <!--<table border="0">
							    <tbody><tr>
							      <td>Select Teritory</td>
							      <td><select name="select3" id="select3">
							        <option selected="selected">All Regions</option>
						          </select></td>
							      <td><div class="content-heading" align="center"> Dashboard  </div></td>
							      <td>Select Time Period</td>
							      <td><select name="select2" id="select2">
						          </select></td>
						        </tr>
						      </tbody></table>-->
                              
                              <!--<div class="hastable">-->
                              <div class="panels_wider">
                              <!--New DIV added for panel heading: BEGIN-->
                              <!--Panel heading starts-->
                        		<div class="panels_heading_bg">
									<!--<img alt="Dashboard" src="images/dashboard_icon.png"/>--><h4>Dashboard</h4>
                                     
								</div>
                                <!--END-->
								<!--Panel heading ends-->
                                <!--<table border="0" class="dropdown" cellpadding="0" cellspacing="0">
							    <tbody><tr>
							      <td width="13%"></td>
							      <td width="70%"><select name="select3" id="select3">
							        <option selected="selected">All Regions</option>
						          </select></td>
							     <!-- <td><div class="content-heading" align="center"> Dashboard  </div></td>-->
							      <!--<td>Select Time Period</td>
							      <td><select name="select2" id="select2">
						          </select></td>
						        </tr>
						      </tbody></table>-->
                                
							  <table class="narrow-tables" border="0" cellpadding="0" cellspacing="0">
                                <tr>
							      <td class="grid-header">
                                  	Projects and grants
                                  </td>
							      <td class="grid-header">&nbsp;</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Project Status =
							        "Active"</a> </td>
							      <td>18</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Project Status = "Over"</a> </td>
							      <td>8</td>
						        </tr>
						        <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Projects "Over" within 30 days</a> </td>
							      <td>2</td>
						        </tr>
						        <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">New Projects where no Payment Activity &gt;= 60 days</a> </td>
							      <td>2</td>
						        </tr>					        
						        
						        <tr >
							      <td> <a href="javascript://" url="showPageHeading.do">"Active" Projects with more than 90% Budget Disbursed.</a> </td>
							      <td>4</td>
						        </tr>
						        <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Partner Grant Status = "Active"</a> </td>
							      <td>8</td>
						        </tr>
						        <tr >
							      <td> <a href="javascript://" url="showPageHeading.do">Partner Grant Status = "Over"</a> </td>
							      <td>8</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">New Partner Grants where Signed Grant
							        Agreement Not Recieved.</a> </td>
							      <td>3</td>
						        </tr>
							    <tr >
							      <td> <a href="javascript://" url="showPageHeading.do">New Partner Grants with no Payment Activity greater &gt;= 60 days.</a> </td>
							      <td>5</td>
						        </tr>
							    
								
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">"Active" Partner Grants with more than 90% Budget Disbursed</a> </td>
							      <td>2</td>
						        </tr>
								
								<tr>
							      <td> <a href="javascript://" url="showPageHeading.do"></a> </td>
							      <td> &nbsp;</td>
						        </tr>
								<tr>
							      <td class="grid-header">
                                  <!--<p>&nbsp;</p>-->
							        Payment processing
							        <!--<p></p>-->
                                  </td>
							      <td class="grid-header">&nbsp;</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do"># of Open Payment Requests</a> </td>
							      <td>7</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Payment Requests that have been open for greater than 30 days</a> </td>
							      <td>2</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Paid Payment Requests, past 30 days</a> </td>
							      <td>5</td>
						        </tr>
								<tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Rejected Payment Requests</a> </td>
							      <td>1</td>
						        </tr>
                                </table>
							  
							  
                                <table class="narrow-tables" border="0" cellpadding="0" cellspacing="0">
                                <tr>
							      <td class="grid-header">
                                  <!--<p>&nbsp;</p>-->
							        Partner monitoring
							        <!--<p></p>-->
                                    </td>
							      <td class="grid-header">&nbsp;</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Narrative Reports due within 30 days</a> </td>
							      <td>5</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Financial Reports due within 30 days</a> </td>
							      <td>4</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Narrative Reports Past Due</a> </td>
							      <td>3</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Financial Reports Past Due</a> </td>
							      <td>3</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">IMPs due within 30 days</a> </td>
							      <td>5</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">IMPs Past Due</a> </td>
							      <td>6</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Auditor Analysis & Selection Sheets (AASS) due within 30 days</a> </td>
							      <td>3</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Auditor Analysis & Selection Sheets (AASS) Past Due</a> </td>
							      <td>1</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Interim Audits Due within 30 days</a> </td>
							      <td>2</td>
						        </tr>
								<tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Final Audits Due within 30 days</a> </td>
							      <td>3</td>
						        </tr>
							    <tr>
							      <td> <a href="javascript://" url="showPageHeading.do">Interim Audit Date Past Due</a> </td>
							      <td>1</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Final Audit Date Past Due</a> </td>
							      <td>2</td>
						        </tr>
							    
                                </table>
                                
                                
                                
                                
							    
						      
                              
                              <table class="narrow-tables" border="0" cellpadding="0" cellspacing="0">
							    <tbody><tr>
							      <td class="grid-header">
                                  <!--<p>&nbsp;</p>-->
							        Donor and donor awards
							        <!--<p></p>-->
                                    </td>
							      <td class="grid-header">&nbsp;</td>
						        </tr>
							    <tr>
							      <td><a href="javascript://" url="showPageHeading.do">New Donor Awards (less than 30
							        days old)</a> </td>
							      <td>7</td>
						        </tr>
							    <tr class="alernate-row">
							      <td> <a href="javascript://" url="showPageHeading.do">Donor Awards "Over" in less than 90 days</a> </td>
							      <td>5</td>
						        </tr>
                                </tbody>
							    </table>
                              <div class="clr"></div>
                              </div>
							  <!--<p>&nbsp;</p>
							  <p>&nbsp;</p>-->
	            			</div>
                
                			<div class="panels_wider">
                            <div class="panels_heading_bg">
                            	<!--H4 tag added: BEGIN-->
                                <h4>Change Notifications (Past 30 Days)</h4>
                                <!--END-->
                            </div>
							<!--<p></p>-->
							<table class="tablesorter" border="0" cellpadding="0" cellspacing="0">
									<tbody>
                                    <tr>
										<td class="grid-header" align="left">Module</td>
										<td class="grid-header" align="left">Type</td>
										<td class="grid-header" align="left">Date</td>
										<td class="grid-header" align="left">Message</td>
										<td class="grid-header" align="left">Mark as read?</td>
									</tr>
									</tbody>
									</table>
							
                            <div class="hastable">
                            <div style="overflow: auto;  height: 100px; 
                                border-left: 1px gray solid; border-bottom: 1px gray solid; 
                                    padding:0px; margin: 0px">
							<table class="tablesorter" border="0" cellpadding="0" cellspacing="0">
									<tbody>
                                    
									<tr>
										<td>Donor</td>
										<td>Award Expiry</td>
										<td>11/22/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">Donor award #1234, titled, "Mangolia Business Assn, Workshop" is scheduled to expire in less than 30 days on 2/20/2012</a></td>
										<td><form><input type="checkbox" name="read" value="" />
										</form></td>
									</tr>
									<tr class="alernate-row">
										<td>Projects</td>
										<td>Status Change</td>
										<td>11/21/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">The status of Project grant #17703-000-0a was changed from pending to open on 11/21/2011 by user Shaza Elmahdi</a></td>
										<td><form><input type="checkbox" name="read" value="" />
										</form></td>
									</tr>
									<tr>
										<td>Payment Processing</td>
										<td>Status Change</td>
										<td>11/17/2011</td>
										<td> <a href="javascript://" url="showPageHeading.do">The status of Payment Request #37562, created on 11/8/2011 for payee Sayeed El-Taji in the amount of $525.25 was changed from 'In Finance' to 'Rejected' on 11/17/2011. </a></td>
										<td><form><input type="checkbox" name="read" value="" />
										</form></td>
									</tr>
								</tbody></table>
								</div><!-- end scroll div -->
								<div class="cipe-pagination-links">

							<!-- <a href="javascript://" url="showPageHeading.do"
								class="cipe-previous">Previous Page</a> <a href="javascript://"
								url="showPageHeading.do" class="cipe-next">Next Page</a> -->
							<a align="right"><font size="1" color="red">Total number of Change Notifications=11</font></a>
						</div>								
								</div>
								
                                
                                </div><!-- DIV ENDS: Panel wider-->
						<p>&nbsp;</p>
					</div>
				</div>
			</div>
		</div>
        
        <div class="clr"></div>
		<div id="footer">
        	<!--New P Tag and DIV added: BEGIN-->
            <div class="border-top"></div>
            <p>Center for International Private Enterprise</p>
			<p>1155 15th Street, NW | Suite 700 | Washington, DC 20005 | Telephone: (202) 721-9200 | Fax: (202) 721-9250 | ?2011 All Rights Reserved</p>
            <!--END-->
        </div>
	</div>
				
			</div>
		</div>
		<div id="footer"></div>
	</div>
</body>
</html>
